<!--
 * @name: 
 * @Author: 刘大可
 * @Date: 2023-03-16 17:26:01
 * @LastEditors: 刘大可
 * @LastEditTime: 2023-03-20 12:36:59
-->
<template>
    <view class="coupons row">


        <block v-for="(item,index) in coupon_list" :key="index">
            <view class="coupon row" v-if="index<2">
               <view class="names">
                 {{ item.c_name }}
               </view>
               <!-- <view class="key">
                {{ item.price }}
               </view> -->
            </view>
              
        </block>
    </view>
</template>
<script>
export default {
     props: {
        coupon_list: {
            type: [Array],
            default() {
                return [
                    {
                        c_name: "新人立减券",
                        price: "10"
                    },
                    {
                        c_name: "dfvdfvdfv",
                        price: "30"
                    }
                ];
            }
        },
    },
    data() {
        return {
            
        }
    },
}
</script>
<style lang="scss">
    
.coupons {
//   margin-top: 20rpx;
  flex-wrap: wrap;
  height: 40rpx;
}
.coupons .coupon {
  height: 42rpx;
  background: #FCEFF3;
  border: 1rpx solid #FF4C4D;
  border-radius: 4px;
  padding: 13rpx;
  margin: 10rpx;
  zoom: .6;
}
.coupons .coupon .names, 
.coupons .coupon .key {
  color: #FF4C4D;
}

</style>